<!DOCTYPE HTML>

<html>



<head>

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="ARES·LEAGUE"/>

    <title> 王漢超·主葉 「ver.OPEN」 </title>

    <!-- CSS -->
    <link href="./CSS/style.css" rel='stylesheet' type='text/css'/>
    <link href="./CSS/bootstrap.css" rel='stylesheet' type='text/css'/>
    <link href="./CSS/animate.min.css" rel="stylesheet">
    <!--link href='//fonts.googleapis.com/css?family=Raleway:400,600,700' rel='stylesheet' type='text/css'-->

    <!--JS-->
    <script src="./JS/jquery-1.11.1.min.js"></script>
    <script src="./JS/bootstrap.min.js"></script>
    <script src="./JS/wow.min.js"></script>

    <script>new WOW().init();</script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?bf498d4b9655cc8b50dbabb5ca345425";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>

</head>



<body>

<div class="header" id="ban">

    <div class="container">
        <div class="head-left wow fadeInLeft animated animated" data-wow-delay=".5s"
             style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeft;">
            <div class="header-search">
                <div class="search">
                    <input class="search_box" type="checkbox" id="search_box">
                    <label class="icon-search" for="search_box">
                        <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                    </label>
                    <div class="search_form">
                        <form action="#" method="post">
                            <input type="text" name="Search" placeholder="Search...">
                            <input type="submit" value="Send">
                        </form>
                    </div>
                </div>
            </div>
        </div>

        <div class="header_right wow fadeInLeft animated animated" data-wow-delay=".5s"
             style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInLeft;">
            <nav class="navbar navbar-default">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target="#bs-example-navbar-collapse-1">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
                    <nav class="link-effect-7" id="link-effect-7">
                        <ul class="nav navbar-nav">
                            <li class="active act"><a href="./index.html"> Home </a></li>
                            <li><a href="./gallery.html"> Gallery </a></li>
                            <li><a href="./scene.html"> Scene </a></li>
                            <li><a href="./focus.html"> Focus </a></li>
                            <li><a href="./marks.html"> Marks </a></li>
                            <li><a href="./codes.html"> Codes </a></li>
                            <li><a href="./union.html"> Union </a></li>
                            <li><a href="./about.html"> F & Q </a></li>
                        </ul>
                    </nav>
                </div>
                <!-- /.navbar-collapse -->
            </nav>
        </div>
        <div class="nav navbar-nav navbar-right social-icons wow fadeInRight animated animated" data-wow-delay=".5s"
             style="visibility: visible; animation-delay: 0.5s; animation-name: fadeInRight;">
            <ul>
                <li><a href="#"> </a></li>
                <li><a href="#" class="pin"> </a></li>
                <li><a href="#" class="in"> </a></li>
                <li><a href="#https://weibo.com/onepiece1899" class="be"> </a></li>
                <li><a href="https://tieba.baidu.com/f?kw=%CD%F5%BA%BA%B3%AC" class="vimeo"> </a></li>
            </ul>
        </div>
        <div class="clearfix"></div>
    </div>
</div>

<!--start-main-->
<div class="header-bottom">
    <div class="container">
        <div class="logo wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
            <h1><a href="gen.html">ARES·LEAGUE</a></h1>
            <p><label class="of"></label>無極世界, ようこそ!<label class="on"></label></p>
        </div>
    </div>
</div>

<!-- banner -->
<div class="banner">
    <div class="bg1"></div>
    <div class="bg2"></div>
    <div class="bg3"></div>
        <h2>Quae nati sumus, et semper, inertia</h2>
        <p>物質主義之根本-「物質」, 其固有属性为惯性.
            <br>在精神力的驱动下: 作为坚持现状的惰性, 以及坚持欲望的贪性.
            <br>余之工作, 即将针对此戒律攻陷物质界...</p>
        <a href="magis.html"> MAGIS </a>
</div>

<div class="services w3l wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
    <div class="container">
        <div class="grid_3 grid_5">
            <div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
                <ul id="myTab" class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#expeditions" id="expeditions-tab" role="tab"
                                                              data-toggle="tab" aria-controls="expeditions"
                                                              aria-expanded="true">FASHION</a></li>
                    <li role="presentation" class=""><a href="#safari" role="tab" id="safari-tab" data-toggle="tab"
                                                        aria-controls="safari">TRAVEL</a></li>
                    <li role="presentation" class=""><a href="#trekking" role="tab" id="trekking-tab" data-toggle="tab"
                                                        aria-controls="trekking">MUSIC</a></li>
                </ul>
                <div id="myTabContent" class="tab-content">
                    <div role="tabpanel" class="tab-pane fade" id="expeditions" aria-labelledby="expeditions-tab">
                        <div class="col-md-4 col-sm-5 tab-image">
                            <img src="./PNG/f2.jpg" class="img-responsive" alt="Wanderer">
                        </div>
                        <div class="col-md-4 col-sm-5 tab-image">
                            <img src="./PNG/f4.jpg" class="img-responsive" alt="Wanderer">
                        </div>
                        <div class="col-md-4 col-sm-5 tab-image">
                            <img src="./PNG/f3.jpg" class="img-responsive" alt="Wanderer">
                        </div>
                        <div class="clearfix"></div>
                    </div>

                    <div role="tabpanel" class="tab-pane fade" id="safari" aria-labelledby="safari-tab">
                        <div class="col-md-4 col-sm-5 tab-image">
                            <img src="./PNG/t1.jpg" class="img-responsive" alt="Wanderer">
                        </div>
                        <div class="col-md-4 col-sm-5 tab-image">
                            <img src="./PNG/t2.jpg" class="img-responsive" alt="Wanderer">
                        </div>
                        <div class="col-md-4 col-sm-5 tab-image">
                            <img src="./PNG/t3.jpg" class="img-responsive" alt="Wanderer">
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div role="tabpanel" class="tab-pane fade active in" id="trekking" aria-labelledby="trekking-tab">

                        <div class="col-md-4 col-sm-5 tab-image">
                            <img src="./PNG/m2.jpg" class="img-responsive" alt="Wanderer">
                        </div>
                        <div class="col-md-4 col-sm-5 tab-image">
                            <img src="./PNG/m1.jpg" class="img-responsive" alt="Wanderer">
                        </div>
                        <div class="col-md-4 col-sm-5 tab-image">
                            <img src="./PNG/m3.jpg" class="img-responsive" alt="Wanderer">
                        </div>
                        <div class="clearfix"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- technology-left -->
<div class="technology">
    <div class="container">
        <div class="col-md-9 technology-left">
            <div class="tech-no">
                <!-- technology-top -->

                <div class="tc-ch wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">

                    <div class="tch-img">
                        <a href="singlepage.html"><img src="./PNG/main_ind.png" class="img-responsive" alt=""></a>
                    </div>

                    <h3><a href="singlepage.html">Lorem Ipsum is simply</a></h3>
                    <h6>BY <a href="singlepage.html">ADAM ROSE </a>JULY 10 2016.</h6>
                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt
                        ut labore et dolore magna aliqua exercitation ullamco laboris nisi ut aliquip ex ea commodo
                        consequat.</p>
                    <p>Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt ut labore et dolore magna aliqua
                        exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                    <div class="bht1">
                        <a href="singlepage.html">Continue Reading</a>
                    </div>
                    <div class="soci">
                        <ul>
                            <li class="hvr-rectangle-out"><a class="fb" href="#"></a></li>
                            <li class="hvr-rectangle-out"><a class="twit" href="#"></a></li>
                            <li class="hvr-rectangle-out"><a class="goog" href="#"></a></li>
                            <li class="hvr-rectangle-out"><a class="pin" href="#"></a></li>
                            <li class="hvr-rectangle-out"><a class="drib" href="#"></a></li>
                        </ul>
                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="clearfix"></div>

                <!-- technology-top -->
                <div class="w3ls">
                    <div class="col-md-6 w3ls-left wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                        <div class="tc-ch">
                            <div class="tch-img">
                                <a href="singlepage.html">
                                    <img src="./PNG/m4.jpg" class="img-responsive" alt=""></a>
                            </div>

                            <h3><a href="singlepage.html">Lorem Ipsum is simply</a></h3>
                            <h6>BY <a href="singlepage.html">ADAM ROSE </a>JULY 10 2016.</h6>
                            <p>Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt ut labore et dolore magna
                                aliqua exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                            <div class="bht1">
                                <a href="singlepage.html">Read More</a>
                            </div>
                            <div class="soci">
                                <ul>
                                    <li class="hvr-rectangle-out"><a class="fb" href="#"></a></li>
                                    <li class="hvr-rectangle-out"><a class="pin" href="#"></a></li>
                                </ul>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="col-md-6 w3ls-left wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                        <div class="tc-ch">
                            <div class="tch-img">
                                <a href="singlepage.html"><img src="./PNG/m5.jpg" class="img-responsive" alt=""></a>
                            </div>

                            <h3><a href="singlepage.html">Lorem Ipsum is simply</a></h3>
                            <h6>BY <a href="singlepage.html">ADAM ROSE </a>JULY 10 2016.</h6>
                            <p>Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt ut labore et dolore magna
                                aliqua exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
                            <div class="bht1">
                                <a href="singlepage.html">Read More</a>
                            </div>
                            <div class="soci">
                                <ul>
                                    <li class="hvr-rectangle-out"><a class="twit" href="#"></a></li>
                                    <li class="hvr-rectangle-out"><a class="drib" href="#"></a></li>
                                </ul>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                    <div class="clearfix"></div>
                </div>

                <!-- technology-top -->
                <div class="wthree">
                    <div class="col-md-6 wthree-left wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                        <div class="tch-img">
                            <a href="singlepage.html"><img src="./PNG/f1.jpg" class="img-responsive" alt=""></a>
                        </div>
                    </div>
                    <div class="col-md-6 wthree-right wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                        <h3><a href="singlepage.html">Lorem Ipsum is simply</a></h3>
                        <h6>BY <a href="singlepage.html">ADAM ROSE </a>JULY 10 2016.</h6>
                        <p>Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt ut labore et dolore magna
                            aliqua exercitation ullamco laboris .</p>
                        <div class="bht1">
                            <a href="singlepage.html">Read More</a>
                        </div>
                        <div class="soci">
                            <ul>

                                <li class="hvr-rectangle-out"><a class="twit" href="#"></a></li>
                                <li class="hvr-rectangle-out"><a class="pin" href="#"></a></li>
                            </ul>
                        </div>
                        <div class="clearfix"></div>

                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="wthree">
                    <div class="col-md-6 wthree-left wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                        <div class="tch-img">
                            <a href="singlepage.html"><img src="./PNG/f2.jpg" class="img-responsive" alt=""></a>
                        </div>
                    </div>
                    <div class="col-md-6 wthree-right wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                        <h3><a href="singlepage.html">Lorem Ipsum is simply</a></h3>
                        <h6>BY <a href="singlepage.html">ADAM ROSE </a>JULY 10 2016.</h6>
                        <p>Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt ut labore et dolore magna
                            aliqua exercitation ullamco laboris .</p>
                        <div class="bht1">
                            <a href="singlepage.html">Read More</a>
                        </div>
                        <div class="soci">
                            <ul>
                                <li class="hvr-rectangle-out"><a class="goog" href="#"></a></li>
                                <li class="hvr-rectangle-out"><a class="fb" href="#"></a></li>
                            </ul>
                        </div>
                        <div class="clearfix"></div>

                    </div>
                    <div class="clearfix"></div>
                </div>
                <div class="wthree">
                    <div class="col-md-6 wthree-left wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                        <div class="tch-img">
                            <a href="singlepage.html"><img src="./PNG/f3.jpg" class="img-responsive" alt=""></a>
                        </div>
                    </div>
                    <div class="col-md-6 wthree-right wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                        <h3><a href="singlepage.html">Lorem Ipsum is simply</a></h3>
                        <h6>BY <a href="singlepage.html">ADAM ROSE </a>JULY 10 2016.</h6>
                        <p>Ut enim ad minim veniam, quis nostrud eiusmod tempor incididunt ut labore et dolore magna
                            aliqua exercitation ullamco laboris.</p>
                        <div class="bht1">
                            <a href="singlepage.html">Read More</a>
                        </div>
                        <div class="soci">
                            <ul>
                                <li class="hvr-rectangle-out"><a class="drib" href="#"></a></li>
                                <li class="hvr-rectangle-out"><a class="goog" href="#"></a></li>
                            </ul>
                        </div>
                        <div class="clearfix"></div>

                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
        </div>
        <!-- technology-right -->
        <div class="col-md-3 technology-right">


            <div class="blo-top1">

                <div class="tech-btm">
                    <div class="search-1 wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                        <form action="#" method="post">
                            <input type="search" name="Search" value="Search" onfocus="this.value = '';"
                                   onblur="if (this.value == '') {this.value = 'Search';}" required="">
                            <input type="submit" value=" ">
                        </form>
                    </div>
                    <h4>Popular Posts </h4>
                    <div class="blog-grids wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                        <div class="blog-grid-left">
                            <a href="singlepage.html"><img src="./PNG/t2.jpg" class="img-responsive" alt=""></a>
                        </div>
                        <div class="blog-grid-right">

                            <h5><a href="singlepage.html">Pellentesque dui Maecenas male</a></h5>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="blog-grids wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                        <div class="blog-grid-left">
                            <a href="singlepage.html"><img src="./PNG/m2.jpg" class="img-responsive" alt=""></a>
                        </div>
                        <div class="blog-grid-right">

                            <h5><a href="singlepage.html">Pellentesque dui Maecenas male</a></h5>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="blog-grids wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                        <div class="blog-grid-left">
                            <a href="singlepage.html"><img src="./PNG/f2.jpg" class="img-responsive" alt=""></a>
                        </div>
                        <div class="blog-grid-right">

                            <h5><a href="singlepage.html">Pellentesque dui Maecenas male</a></h5>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="blog-grids wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                        <div class="blog-grid-left">
                            <a href="singlepage.html"><img src="./PNG/t3.jpg" class="img-responsive" alt=""></a>
                        </div>
                        <div class="blog-grid-right">

                            <h5><a href="singlepage.html">Pellentesque dui Maecenas male</a></h5>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="blog-grids wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                        <div class="blog-grid-left">
                            <a href="singlepage.html"><img src="./PNG/m3.jpg" class="img-responsive" alt=""></a>
                        </div>
                        <div class="blog-grid-right">

                            <h5><a href="singlepage.html">Pellentesque dui Maecenas male</a></h5>
                        </div>
                        <div class="clearfix"></div>
                    </div>

                    <script>
                        $.ajax({
                            type: "get", //get方法访问
                            dataType: "json",  //json格式数据
                            url: "BackHandler.ashx",  //后台地址
                            data: "pageIndex=" + pageIndex,   //要发送的数据
                            complete: function () {
                                $("#load").hide();
                            },//AJAX请求完成时隐藏loading提示
                            success: function (msg) {//msg为返回的数据，在这里做数据绑定
                                var data = msg.table;
                                $.each(data, function (i, n) {
                                    var row = $("#template").clone();
                                    row.find("#OrderID").text(n.订单ID);
                                    row.find("#CustomerID").text(n.客户ID);
                                    row.find("#EmployeeID").text(n.雇员ID);
                                    row.find("#OrderDate").text(ChangeDate(n.订购日期));
                                    if (n.发货日期 !== undefined) row.find("#ShippedDate").text(ChangeDate(n.发货日期));
                                    row.find("#ShippedName").text(n.货主名称);
                                    row.find("#ShippedAddress").text(n.货主地址);
                                    row.find("#ShippedCity").text(n.货主城市);
                                    row.find("#more").html("<a href=OrderInfo.aspx?id=" + n.订单ID + "&pageindex=" + pageIndex + "> More</a>");
                                    row.attr("id", "ready");//改变绑定好数据的行的id
                                    row.appendTo("#list_visf");//添加到模板的容器中
                                })
                            }
                        });
                    </script>

                    <div class="insta wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
                        <h4>Recent Faces</h4>
                        <!--span render-html="visitors"></span-->
                        <ul render-loop="recent_faces" id="list_visf">
                            <li><a href="singlepage.html"><img src="./PNG/face001.png" class="img-responsive"
                                                               alt=""></a>
                            </li>
                            <li><a href="singlepage.html"><img src="./PNG/face002.png" class="img-responsive"
                                                               alt=""></a>
                            </li>
                            <li><a href="singlepage.html"><img src="./PNG/face003.png" class="img-responsive"
                                                               alt=""></a>
                            </li>
                            <li><a href="singlepage.html"><img src="./PNG/face004.png" class="img-responsive"
                                                               alt=""></a>
                            </li>
                            <li><a href="singlepage.html"><img src="./PNG/face005.png" class="img-responsive"
                                                               alt=""></a>
                            </li>
                            <li><a href="singlepage.html"><img src="./PNG/face006.png" class="img-responsive"
                                                               alt=""></a>
                            </li>
                            <li><a href="singlepage.html"><img src="./PNG/face007.png" class="img-responsive"
                                                               alt=""></a>
                            </li>
                            <li><a href="singlepage.html"><img src="./PNG/face008.png" class="img-responsive"
                                                               alt=""></a>
                            </li>
                            <li><a href="singlepage.html"><img src="./PNG/face009.png" class="img-responsive"
                                                               alt=""></a>
                            </li>
                            <li><a href="singlepage.html"><img src="./PNG/face010.png" class="img-responsive"
                                                               alt=""></a>
                            </li>
                        </ul>
                    </div>


                    <p>Lorem ipsum ex vix illud nonummy, novum tation et his. At vix scripta patrioque scribentur, at
                        pro</p>
                    <div class="twt">
                        <!--iframe id="twitter-widget-0" scrolling="no" frameborder="0" allowtransparency="true" class="twitter-hashtag-button twitter-hashtag-button-rendered twitter-tweet-button" title="Twitter Tweet Button" src="https://platform.twitter.com/widgets/tweet_button.b7de008f493a5185d8df1aedd62d77c6.en.html#button_hashtag=TwitterStories&amp;dnt=false&amp;id=twitter-widget-0&amp;lang=en&amp;original_referer=https%3A%2F%2Fp.w3layouts.com%2Fdemos%2Fduplex%2Fweb%2F&amp;size=l&amp;time=1467721486626&amp;type=hashtag" style="position: static; visibility: visible; width: 166px; height: 28px;" data-hashtag="TwitterStories"></iframe>
                        <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test.json(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script-->
                    </div>
                </div>
            </div>


        </div>
        <div class="clearfix"></div>
        <!-- technology-right -->
    </div>
</div>


<div class="footer">
    <div class="container">
        <div class="col-md-4 footer-left wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
            <h4>BGM</h4>
            <p>为网页的背景音乐提些建议吧~</p>
            <iframe class="weakframe"
                    src="//music.163.com/outchain/player?type=2&id=28391863&auto=1&height=66"></iframe>
            <input type="color" name="favcolor">
        </div>
        <div class="col-md-4 footer-middle wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
            <h4>Find Me</h4>
            <div class="mid-btm">
                <p>If you are not from ChungHwa, you can focus on me by Facebook~</p>
                <a href="https://www.facebook.com/profile.php?id=100011701520279"> -> Facebook </a>
            </div>
            <div>
                <p>如果你是漢族人, 不用拐弯抹角直接访问微博和我对话吧!</p>
                <a href="http://weibo.com/onepiece1899"> -> Microblog </a>
            </div>

        </div>
        <div class="col-md-4 footer-right wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
            <h4>Get News</h4>
            <p>想获得葉主第一时间推送就留下昵称和電邮~</p>
            <div class="name">
                <form action="#" method="post">
                    <input type="text" placeholder="N-name" required="">
                    <datalist id="nickname">
                        <option value="Ares">
                        <option value="Micheal">
                        <option value="Osilis">
                        <option value="Yi">
                    </datalist>
                    <input type="email" name="email">
                    <input type="text" placeholder="E-mail" required="">
                    <input type="submit" value="Subscribe 》">
                </form>
            </div>

            <div class="clearfix"></div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>


<div class="copyright wow fadeInDown" data-wow-duration=".8s" data-wow-delay=".2s">
    <div class="container">
        <p>
            <span id='cnzz_stat_icon_1263058166'></span>
            <script src="https://s13.cnzz.com/z_stat.php?id=1263058166/online=1/show=line"
                    type="text/javascript"></script>
            |
            <a href="https://tieba.baidu.com/f?kw=%CD%F5%BA%BA%B3%AC">All rights reserved by 王漢超 </a>
            <br>© 1996 E.C.Ares
        </p>
    </div>
</div>


</body>

</html>
